<template>
  <div class="flWaterReportzhu">
      <!-- 标签页 -->
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
        <el-tab-pane label="日报" name="first">
          <dayReport :key="dayKey"/>
        </el-tab-pane>
        <el-tab-pane label="月报" name="second">
          <monthReport :key="monthKey"/>
        </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  //引入抄表手册列表组件
import dayReport from "./compotents/dayReport";
  //引入抄表任务列表组件
import monthReport from "./compotents/monthReport";
export default {
    name:'flWaterReportzhu',
    data() {
      return {
        dayKey:0,
        monthKey:0,
        activeName: 'first'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
        this.dayKey = this.dayKey + 1
        this.monthKey = this.monthKey + 1
      }
    },
    components:{
        dayReport,
        monthReport
    }

}
</script>

<style scoped lang='scss'>
.flWaterReportzhu{
  /deep/.el-tabs__header{
    margin: 0;
  }
}
</style>